<!DOCTYPE html>
<html lang="zh-CN" >
<head>
<meta charset="UTF-8">
<title>DeathGhost - DeathGhost&#039;s Blog</title>
<meta name="Keywords" content="DeathGhost,Blog,SunZhifeng,HTML5,CSS3,WEB前端开发,H5模板设计开发,WEB模板设计,WebApp模板设计开发,移动WEB模板,企业网站模板设计,个人网站模板设计,微场景设计,SEO,优化,设计,孙志锋的博客">
<meta name="Description" content="DeathGhost's blog">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta name="author" content="DeathGhost"/>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name='apple-touch-fullscreen' content='yes'>
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<meta name="format-detection" content="address=no">
<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<link rel="apple-touch-icon-precomposed" href="http://www.htmlsucai.com">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://www.htmlsucai.com">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://www.htmlsucai.com">
<link rel="shortcut icon" href="http://www.htmlsucai.com"/>
<link rel="stylesheet" href="http://www.htmlsucai.com" type="text/css" media="screen" />
<script src="http://www.deathghost.cn/wp-content/themes/DeathGhost2.0/javascript/jquery.js"></script>
</head>
<body>
<header>
  <h1><a href="http://www.htmlsucai.com" title="DeathGhost">DeathGhost</a></h1>
  <h2>DeathGhost&#039;s Blog</h2>
 <div class="menu-headermenu-container"><ul id="menu-headermenu" class="menu"><li id="menu-item-4" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-4"><a title="首页" href="http://www.htmlsucai.com">首页</a></li>
<li id="menu-item-6" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-6"><a title="WEB前端开发" href="http://www.htmlsucai.com">WEB前端开发</a></li>
<li id="menu-item-446" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-446"><a href="http://www.htmlsucai.com">说说</a></li>
<li id="menu-item-447" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-447"><a href="http://www.htmlsucai.com">分享</a></li>
</ul></div></header><section class="wrap">
 <main class="lt_main">
  <!--aboutMe-->
<div class="aboutMe lt-aboutMe">
 <h3>ABOUT ME</h3>
 <p><img src="http://www.deathghost.cn/wp-content/uploads/2016/01/20160121102700.jpg" alt="DeathGhost"/></p>
 <p>SunZhifeng<sup>male</sup><br/>I was born in shannxi Province.I graduated from Xi`an International University and majored in E-commerce. I like music and reaing books.</p>
 <p><strong></strong></p>
</div>    <article class="lt_main_list">
   <h2><a href="http://www.htmlsucai.com" rel="bookmark">管理企业最难的应该就是人心</a></h2>
   <figure>
         <a href="http://www.htmlsucai.com" class="article_pic"  rel="bookmark">
	  <img width="640" height="400" src="http://www.deathghost.cn/wp-content/uploads/2016/05/minxin.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="民心所向" srcset="http://www.deathghost.cn/wp-content/uploads/2016/05/minxin.jpg 640w, http://www.deathghost.cn/wp-content/uploads/2016/05/minxin-300x188.jpg 300w" sizes="(max-width: 640px) 100vw, 640px" />     </a>
        <p>
       管理企业最难的应该就是人心，就好比恋爱一般，得其人不得其心，也是无济于事，除非你是做表面形式，给别人看。
   对于企业管理而言，作为一个领导者如何让自己的小伙伴们死心塌地，心甘情愿跟着自己干事业？靠的不是高薪厚职亦或者是股权分红，而是赢得其心。正所谓得民心者得天下，能够赢得属下的真心支持…    </p>
   </figure>
   <aside>
    <em class="class_icon"><a href="http://www.htmlsucai.com" rel="category tag">分享</a></em>
    <time class="time_icon">2016-05-17</time>
    <span class="read_icon"><a href="http://www.htmlsucai.com" rel="bookmark" title="阅读全文">阅读全文</a></span>
   </aside>
  </article>
    <article class="lt_main_list">
   <h2><a href="http://www.htmlsucai.com" rel="bookmark">HTML5上传图片之FileReader的使用方法</a></h2>
   <figure>
         <a href="http://www.htmlsucai.com" class="article_pic"  rel="bookmark">
	  <img width="640" height="400" src="http://www.deathghost.cn/wp-content/uploads/2016/05/upload.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="upload" srcset="http://www.deathghost.cn/wp-content/uploads/2016/05/upload.jpg 640w, http://www.deathghost.cn/wp-content/uploads/2016/05/upload-300x188.jpg 300w" sizes="(max-width: 640px) 100vw, 640px" />     </a>
        <p>
    使用FileReader对象,web应用程序可以异步的读取存储在用户计算机上的文件(或者原始数据缓冲)内容,可以使用File对象或者Blob对象来指定所要处理的文件或数据.
创建一个FileReader对象，语法如下：
var reader = new FileReader();
 FileReader 的实例拥有 4 个方法，其中 3 个用以读取文件，另一个用来中断读取。…    </p>
   </figure>
   <aside>
    <em class="class_icon"><a href="http://www.htmlsucai.com" rel="category tag">WEB前端开发</a></em>
    <time class="time_icon">2016-05-11</time>
    <span class="read_icon"><a href="http://www.htmlsucai.com" rel="bookmark" title="阅读全文">阅读全文</a></span>
   </aside>
  </article>
    <article class="lt_main_list">
   <h2><a href="http://www.htmlsucai.com" rel="bookmark">calc()在css3中实际应用示例</a></h2>
   <figure>
         <a href="http://www.htmlsucai.com" class="article_pic"  rel="bookmark">
	  <img width="640" height="400" src="http://www.deathghost.cn/wp-content/uploads/2016/05/calc.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="calc" srcset="http://www.deathghost.cn/wp-content/uploads/2016/05/calc.jpg 640w, http://www.deathghost.cn/wp-content/uploads/2016/05/calc-300x188.jpg 300w" sizes="(max-width: 640px) 100vw, 640px" />     </a>
        <p>
    常常画界面碰到一些左右布局类的，容易出现这个问题，我个人常使用嵌套方法处理，做起来还是比较头疼的，特别是移动web端，今天看到这个calc()方法，倒是挺不错的&#8230;再次分享下出来。
The calc() CSS function can be used anywhere a &lt;length&gt;, &lt;frequency&gt;, &lt;angle&gt;, &lt;time&gt;, &lt…    </p>
   </figure>
   <aside>
    <em class="class_icon"><a href="http://www.htmlsucai.com" rel="category tag">WEB前端开发</a></em>
    <time class="time_icon">2016-05-09</time>
    <span class="read_icon"><a href="http://www.htmlsucai.com" rel="bookmark" title="阅读全文">阅读全文</a></span>
   </aside>
  </article>
    <article class="lt_main_list">
   <h2><a href="http://www.htmlsucai.com" rel="bookmark">缘分</a></h2>
   <figure>
         <a href="http://www.htmlsucai.com" class="article_pic"  rel="bookmark">
	  <img width="640" height="198" src="http://www.deathghost.cn/wp-content/uploads/2016/05/dd-640x198.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="等待" />     </a>
        <p>
    同在屋檐下
惟有偶遇
犹如白驹过隙
言之不尽
因有
时不我与
爬耳搔腮
心之不及也

—DeathGhost
    </p>
   </figure>
   <aside>
    <em class="class_icon"><a href="http://www.htmlsucai.com" rel="category tag">说说</a></em>
    <time class="time_icon">2016-05-03</time>
    <span class="read_icon"><a href="http://www.htmlsucai.com" rel="bookmark" title="阅读全文">阅读全文</a></span>
   </aside>
  </article>
    <article class="lt_main_list">
   <h2><a href="http://www.htmlsucai.com" rel="bookmark">CSS之content的实际应用</a></h2>
   <figure>
         <a href="http://www.htmlsucai.com" class="article_pic"  rel="bookmark">
	  <img width="640" height="198" src="http://www.deathghost.cn/wp-content/uploads/2016/03/css_content-640x198.jpg" class="attachment-post-thumbnail size-post-thumbnail wp-post-image" alt="css_content" />     </a>
        <p>
    content属性早在CSS2.1的时候就被引入，content 属性与 :before 及 :after 伪元素配合使用，来插入生成内容，目前所有浏览器都支持 content 属性。

*注释：如果已规定 !DOCTYPE，那么 Internet Explorer 8 （以及更高版本）支持 content 属性。
该属性用于定义元素之前或之后放置的生成内容。默认地，这往往是…    </p>
   </figure>
   <aside>
    <em class="class_icon"><a href="http://www.htmlsucai.com" rel="category tag">WEB前端开发</a></em>
    <time class="time_icon">2016-03-18</time>
    <span class="read_icon"><a href="http://www.htmlsucai.com" rel="bookmark" title="阅读全文">阅读全文</a></span>
   </aside>
  </article>
    <aside class="turnPage"><span class='page-numbers current'>1</span>
<a class='page-numbers' href='http://www.deathghost.cn/page/2'>2</a>
<a class='page-numbers' href='http://www.deathghost.cn/page/3'>3</a>
<span class="page-numbers dots">&hellip;</span>
<a class='page-numbers' href='http://www.deathghost.cn/page/16'>16</a>
<a class="next page-numbers" href="http://www.htmlsucai.com">下一页 &raquo;</a></aside>
 </main>
 <aside class="rt_aside">
  <ul>
   <li class="eachArea">
      <!--aboutMe-->
<div class="aboutMe lt-aboutMe">
 <h3>ABOUT ME</h3>
 <p><img src="http://www.deathghost.cn/wp-content/uploads/2016/01/20160121102700.jpg" alt="DeathGhost"/></p>
 <p>SunZhifeng<sup>male</sup><br/>I was born in shannxi Province.I graduated from Xi`an International University and majored in E-commerce. I like music and reaing books.</p>
 <p><strong></strong></p>
</div>   </li>
   <li class="eachArea">
      <!--search-->
      <div class="searchBox">
       <form id="search" action="http://www.deathghost.cn"> 
       <input type="text" id="s" name="s" value="" placeholder="SEARCH..."/>
       <input type="submit" value="SEARCH"  onclick="if(document.forms['search'].searchinput.value=='- search -')document.forms['search'].searchinput.value='';"/>
       </form>
      </div>
   </li>
  </ul>
 </aside>
</section>
<footer>
 <p>(c) 2008-2016 <em>DeathGhost.cn</em> All Rights Reserved</p>
</footer>
<script>
	if ((navigator.userAgent.indexOf('MSIE') >= 0) 
		&& (navigator.userAgent.indexOf('Opera') < 0)){
		alert('对不起亲，您使用的是IE浏览器，请更新为高版本浏览器！');
	}
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "//hm.baidu.com/hm.js?9c7bc8b2410f9707d21191003790c767";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script></body>
</html>